<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript" src="/js/ajax.js"></script> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Member Join</title>
</head>
<script type="text/javascript">
	function nextAddr(){
		httpRequest = getXMLHttpRequest();
		httpRequest.onreadystatechange
	}
	
	function load(url){
		httpRequest = getXMLHttpRequest();
		httpRequest.onreadystatechange = viewMessage;
		httpRequest.open("get", url, true);
		httpRequest.send(null);
	}	
	function viewMessage(){
		if(httpRequest.readyState == 4){
			if(httpRequest.status == 200){
				alert(httpRequest.responseText);
			}else{
				alert("False:" +httpRequest.status);
			}
		}
	}
</script>
<body>
	<form>
		<div>
			<input type="text" name="userName" id="userName">
			<input type="password" name="userPass" id="userPass">
		</div>
		<div>
			<table>
				<tr>
					<td>
						<select name="phoneFirst">
							<option value="010">010</option>
							<option value="011">011</option>
							<option value="016">016</option>
						</select>
					</td>
					<td>
						<input type="text" name="phoneSecond" id="phoneSecond" size="5" maxlength="4">
					</td>
					<td>
						<input type="text" name="phoneThird" id="phoneThird" size="5" maxlength="4">
					</td>
				</tr>
			</table>
		</div>
	</form>
	<form name="addrForm">
		<div>
			<table>
				<tr>
					<td>
						<select name="country">
							<option></option>
							<option></option>
							<option></option>
							<option></option>
						</select>
					</td>
					<td>
						<select name="city">
							<option></option>
							<option></option>
							<option></option>
							<option></option>
						</select>
					</td>
				</tr>
			</table>
		</div>
	</form>
</body>
</html>